.biaoti{
    width: 99%;
    margin: 10px auto;
    height: 50px;
    font-size: 30px;
    line-height: 50px;
}
.ob{
    margin: 5px auto;
}
.con{
    text-align: center;
    font-size: 20px;
}
.begin{
    height: 10px;
}
.o{
    margin: 10px;
    background: #80bdff;
    border-radius: 5px 5px 5px 5px;
}

.a{
    display: flex;
    flex-flow: row nowrap;
    height: 50px;
    margin: 10px auto;
    width: 98%;
}

.aa{
    width: 3%;
    border-radius: 50%;
    background: #0726f0;
    color: #fdfefd;
    line-height: 50px;
    text-align: center;
    display: -webkit-box;   /*必须结合的属性,将对象作为弹性伸缩盒子模型显示*/
    -webkit-line-clamp: 2;  /*设置多少行*/
    -webkit-box-orient: vertical;   /*必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式*/
    overflow: hidden;   /*文本会被修剪，并且剩余的部分不可见*/
    text-overflow: ellipsis;   /*显示省略号来代表被修剪的文本*/
}
.ab{
    width: 80%;
    margin: auto 10px;
    display: flex;
    flex-flow: column nowrap;
}
.ab>span{
}
.ac{
    width: 2%;
    margin: 10px auto;
    border-radius: 50%;
    background: red;
    text-align: center;
}
.b{
    width: 98%;
    margin: 10px auto;
    padding: 10px 10px;
    border-radius: 5px 5px 5px 5px;
    background: #fbfcfc;
}
.c{
    display: flex;
    flex-flow: row;
    width: 100%;

}
.cc{
    height: 20px;
}
.ca{
    width: 90%;
}
